@charset "utf-8";
*{margin: 0; padding: 0;}
body{font-family: "微软雅黑"; color: #333; background: #fff; width: 100%;height: 100%;}
img{border: none;}
ul,ol,li{list-style: none;}
a{text-decoration: none; color: #333;}
header,footer,nav,menu,section,article{display: block;}

header{height: 140px;width: 1200px;margin: 0 auto;}
.logo{display: inline-block; height: 80px; vertical-align:20px;}
.logo img{}

nav{width: 780px; height: 100px; display: inline-block; margin-top: 40px; margin-left: 85px;}
nav ul li{ float: left; width: 130px; height: 74px; font-size: 14px; padding-top: 26px;}
nav .on{background: #f4912b;}
nav .on a{color:#fff;}
nav ul li p{text-align: center; line-height: 28px;}
nav ul li:hover{background: #f4912b;}
nav ul li:hover a{ color:#fff;}

footer{height: 222px; background:#ebebeb; width: 100%;}
.foot1{width: 1200px; height: 130px; margin:0 auto ;}
.botnav{float: left; margin-top: 50px; font-size: 18px;}
.botnav ul li{float: left; text-align: center;}
.botnav ul li a{color: #333; text-decoration: none;}
.wxewm{float: right; margin-top: 20px; padding-left: 10px; border-left: #dcdcdc 1px solid;}



.foot2{width: 100%; height: 90px; background:#c1c1c1 ;}
.footrit{width: 1200px; margin:0 auto; padding-top: 40px; height: 50px;}
.footrit ul li{float: left;font-size: 14px; color: #fff;}
.icp1{ width: 280px;}
.icp2{ width: 370px; text-align: center;}
.bright{width: 370px; text-align: center;}
.sup{width:180px; text-align: right; }
.sup a{ color:#fff;}

/*首页*/

.banner{ width:100%; height:450px; float:left; position:relative}
#slides { display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:420px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.cmin{width: 1200px; height: auto; margin: 50px auto;overflow: hidden;}
.cminle{width: 460px; height: 660px; float: left; }
.cminrg{width: 730px; height:660px; float: right;}

#box{position:relative;width:460px;height:650px;}
#box div{position:absolute;top:50%;left:50%;width:460px;height:543px;overflow:hidden;margin:-270px 0 0 -232px;}
#box .up{position:absolute;left:50%;width:86px;height:32px;z-index:10;cursor:pointer;overflow:hidden;margin-left:-43px;background:url(../img/up.png) no-repeat;}
#box .down{position:absolute;left:50%;width:86px;height:32px;z-index:10;cursor:pointer;overflow:hidden;margin-left:-43px;background:url(../img/down.png) no-repeat;}
#box .up{top:10px;background-position:0 0;}
#box .down{bottom:10px;background-position:0 bottom;}
#box ul{position:absolute;width:460px;}
#box li{width:460px;height:280px;list-style:none;text-align:center;}
#box a{color:#fff;font-weight:700;text-decoration:none;}
#box img{width:458px;height:261px;display:block;}


.cgsjj{height: 110px; width: 100%;}
.aboutt{width: 160px; height: 110px; font-size: 18px; line-height:25px;text-align: center; padding-left: 10px; display:table-cell;vertical-align: middle; }

.aboutr{width: 550px; height: 110px; line-height: 25px; font-size: 15px; text-align: justify; padding-left: 10px;text-indent: 2em; display:table-cell;vertical-align: middle;}

.aboutt .abouenlg{font-size: 16px;}

.hezuo{width: 1200px; margin: 0 auto; height:auto; margin-bottom: 20px; overflow: hidden; }
.hztit{width: 1200px; height: 61px; border-bottom: 1px solid #c80000;text-align: center; }
.hztit p{ font-size: 20px; font-weight: bold; color: #C80000; padding-top: 20px;}
.hztit .line{border-bottom: 3px solid #C80000; width:180px; margin: 0 auto;    display: inline-block;}

.hzlog{margin: 40px 0; height: auto; overflow: hidden; }
.hzlog ul li{float: left; position: relative;}
.hzlog ul li a{display: block; height: 147px; width:200px; overflow:hidden;}
.hzlog ul li a img{ max-width: 200px;}
.hzlog ul li .imgbg{height: 147px;width: 200px; position:absolute; top:0px; left:0px;background: #000; opacity:0.5;filter(alpha=50);}
.hzlog ul li .imgbg:hover{opacity:0;filter(alpha=0)}



/*服务项目*/
.inban{width: 100%; height:200px; background: url(../img/iban.jpg) no-repeat top center;}

.sevitem{width: 1200px;margin: 40px auto 80px; height: auto;overflow: hidden;}

.sitemtt{width: 260px; height: 60px; background: #fff; margin: 0 auto; font-size: 20px; color:#C80000 ; text-align: center; line-height: 26px; position: relative;z-index: 100;}
.sitemtt .itmeng{ font-size: 14px;}
.sitemtr{width: 1200px; height:auto ; overflow: hidden; border-top: #C80000 1px solid; margin-top: -35px; padding-top:40px;position: relative;z-index: 10;}

.itemle{float: left;}
.itemrg{float: right;}
.items{height: 139px; width: 100%;}
.itemstt{width: 160px; height: 139px; font-size: 18px; color: #c80000; line-height:28px;text-align: center;display:table-cell;vertical-align: middle; }
.itemstr{width: 545px; height: 139px; line-height: 28px; font-size: 14px; text-align: justify; padding-left:20px;text-indent: 2em; display:table-cell;vertical-align: middle;}

/*服务价格*/
.pric{width: 100%; height: 275px;}
.pricle{float: left;}
.pricrg{float: right; width: 722px;}
.pricrg p{font-size: 16px; line-height: 32px;}
.pricrg .prctt{ color:#C80000; font-weight: 600;}

/*关于我们*/
.aboutcon{height: auto; overflow: hidden;}
.aboutcon .img{width:875px; height: 382px; overflow: hidden; margin: 20px auto 40px;}
.aboutcon .img img{max-width: 875px;}
.aboutcon p{text-indent: 2em; line-height: 35px;}

/*联系我们*/
.coantbox{width: 1200px; margin: 50px auto; height: 380px; }
.map{width: 740px;height: 370px; float: left;}
.coatel{float: left; width:410px ; height: auto; overflow: hidden; margin-left: 20px; padding-top: 30px;}
.coatel .priname{font-size: 24px; color: #C80000; line-height: 25px;}
.coatel .prinamen{font-size: 14px; color: #C80000;line-height: 25px;}

.coatel .icon1{background: url(../img/icoimg.png) no-repeat; height: 22px; background-position:0 0 ; padding-left: 25px; margin: 18px 10px}
.coatel .icon2{background: url(../img/icoimg.png) no-repeat; height: 22px; background-position:0 -23px;padding-left: 25px;margin: 18px 10px}
.coatel .icon3{background: url(../img/icoimg.png) no-repeat; height: 22px; background-position:0 -46px;padding-left: 25px;margin: 18px 10px}
.coatel .icon4{background: url(../img/icoimg.png) no-repeat; height: 22px; background-position:0  -69px;padding-left: 25px;margin: 18px 10px}

/*客户案例*/
.cases{width: 1200px;height: auto; overflow: hidden;text-align: justify; margin: 20px 0 5px;}
.viodlist{width: 374px;display: inline-block; text-align:justify; vertical-align:top;position: relative;margin: 20px 0;}
.viodlist_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
.vidoimg{width:374px ;height: 215px; overflow: hidden; text-align: center;}
.vidoimg img{max-width: 374px;}

.playbtn{display:none;width: 41px;height: 41px;position: absolute; top:90px; left: 170px;}
.viodlist:hover .playbtn{display: block;}

.casetit .casnam{ font-size: 18px; font-weight: bold; height: 30px;}
.casetit{font-size: 14px; line-height: 28px; margin-top: 18px; display:inline-block;}

.page{width:100%; text-align: center;}
.page ul{display: table; margin-left: auto; margin-right: auto;}
.page ul li{float: left; border: #bbb 1px solid; padding: 3px 8px; margin: 0 10px;}
.page ul li:hover{background: #f4912b; border:none; padding: 4px 9px;}
.page ul li:hover a{color: #fff;}
.page .on{background: #f4912b;border:none;padding: 4px 9px;}
.page .on a{color: #fff;}

/*客户案例详情页*/
.vido_detail{width: 1200px; margin: 40px auto; height: auto; overflow: hidden; text-align: center;}
.vido_detail p{line-height: 32px;}
.vido_detail .line{width: 100%;height: 30px; border-bottom: #ccc 1px solid;}
.vidtit{font-size: 20px; font-weight: bold; }
.ttime{font-size: 15px;color: #555;}

.casvido{width: 775px;height: 500px; margin: 50px auto;}

.leapag{width: 700px; margin:0 auto ; font-size: 15px;}
.leapag .pre{margin: 0 50px; float: left;}
.leapag .next{margin: 0 50px; float:right;}












